// 引入 React 核心
import React from "react";
// 引入 ReactDOM，PS 需要引入 react-dom/client
import ReactDOM from "react-dom/client";
// 引入 index.css 用作全局样式
import "./index.css";
// 引入 App 组件
import App from "./App";
// 引入 web性能上报的代码
import reportWebVitals from "./reportWebVitals";

// 创建挂载点容器
const root = ReactDOM.createRoot(document.getElementById("root"));

// 渲染容器
root.render(
  // React.StrictMode 是开启严格模式的一个内置组件
  <React.StrictMode>
    {/* 组件的使用，就是当前标签来用
        1. 引入组件，直接使用即可。没有注册组件的概念
        2. 没有全局组件的概念，哪儿要用，哪儿必须引入进来
    */}
    <App />
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals(() => {
  // 调用接口，将数据收集起来，后续用于分析网页性能
});
